import { Tree, Spin, Modal } from 'antd';
import React, {Component} from 'react'
const TreeNode = Tree.TreeNode;

export default class Page3 extends Component {
  onSelect = (selectedKeys, info) => {
    console.log('selected', selectedKeys, info);
  }
  onCheck = (checkedKeys, info) => {
    console.log('onCheck', checkedKeys, info.halfCheckedKeys);
    let halfCheckedKeys = info.halfCheckedKeys
    console.log('00000000000------:',[...checkedKeys,...halfCheckedKeys]);
  }
  render() {
    return (
      <Tree
        checkable
        defaultExpandedKeys={['0-0-0', '0-0-1']}
        defaultSelectedKeys={['0-0-0', '0-0-1']}
        defaultCheckedKeys={['0-0-0', '0-0-1']}
        onSelect={this.onSelect}
        onCheck={this.onCheck}
      >
        <TreeNode title="parent 1" key="0-0">
          <TreeNode title="parent 1-0" key="0-0-0" >
            <TreeNode title="leaf" key="0-0-0-0"  />
            <TreeNode title="leaf" key="0-0-0-1" />
            <TreeNode title="leaf" key="0-0-0-2" />
            <TreeNode title="leaf" key="0-0-0-3" />
            <TreeNode title="leaf" key="0-0-0-4" />
            <TreeNode title="leaf" key="0-0-0-5" />
            <TreeNode title="leaf" key="0-0-0-6" />
          </TreeNode>
          <TreeNode title="parent 1-1" key="0-0-1">
            <TreeNode title={<span style={{ color: '#08c' }}>sss</span>} key="0-0-1-0" />
          </TreeNode>
        </TreeNode>
      </Tree>
    );
  }
}
